<template>
    <view class="mine">
        <!-- <view class="admin_Info">
			<view class="Info_left">
				<image src="../../static/mine/关于@2x.png" mode="widthFix"></image>
				<text>端庄的糖醋排骨</text>
			</view>
			<image src="../../static/mine/more.png" mode="widthFix"></image>
		</view> -->
        <!-- 收藏，积分，记录 -->
        <view class="admin_like">
            <view class="like" @click="toMyLike()">
                <view class="like_item1"> 0 </view>
                <view class="like_item2"> 我的收藏 </view>
            </view>
            <view class="like" @click="toMyIntegral()">
                <view class="like_item1"> 888 </view>
                <view class="like_item2"> 我的积分 </view>
            </view>
            <view class="like" @click="toMyRecords()">
                <view class="like_item1"> 0 </view>
                <view class="like_item2"> 消费记录 </view>
            </view>
        </view>
        <view class="admin_order">
            <!-- 全部订单 -->
            <view class="order_all">
                <view class="order_tit"> 我的订单 </view>
                <view class="order_more">
                    <text>全部</text>
                    <image src="../../static/mine/more.png" mode="widthFix"></image>
                </view>
            </view>
            <!-- 代发货，已发货，已完成，退款 -->
            <view class="order_sort" @click="toOrder">
                <view class="order_sort_item">
                    <image src="../../static/mine/1待发货.png" mode="widthFix"></image>
                    <text>待发货</text>
                </view>
                <view class="order_sort_item">
                    <image src="../../static/mine/1已发货.png" mode="widthFix"></image>
                    <text>已发货</text>
                </view>
                <view class="order_sort_item">
                    <image src="../../static/mine/1已完成.png" mode="widthFix"></image>
                    <text>已完成</text>
                </view>
                <view class="order_sort_item">
                    <image src="../../static/mine/1退款.png" mode="widthFix"></image>
                    <text>退款/售后</text>
                </view>
            </view>
        </view>
        <view class="more_info">
            <view class="info_item" @click="toMessage()">
                <image class="item_left" src="../../static/mine/消息.png" mode="widthFix"></image>
                <view class="item_right">
                    <text>平台消息</text>
                    <image class="more" src="../../static/mine/more.png" mode="widthFix"></image>
                </view>
            </view>
            <view class="info_item" @click="toSetUp()">
                <image class="item_left" src="../../static/mine/资料.png" mode="widthFix"></image>
                <view class="item_right">
                    <text>个人资料</text>
                    <image class="more" src="../../static/mine/more.png" mode="widthFix"></image>
                </view>
            </view>
            <view class="info_item">
                <image class="item_left" src="../../static/mine/客服.png" mode="widthFix"></image>
                <view class="item_right">
                    <text>联系客服</text>
                    <image class="more" src="../../static/mine/more.png" mode="widthFix"></image>
                </view>
            </view>
            <view class="info_item" @click="toDizhi()">
                <image class="item_left" src="../../static/mine/地址.png" mode="widthFix"></image>
                <view class="item_right">
                    <text>收货地址</text>
                    <image class="more" src="../../static/mine/more.png" mode="widthFix"></image>
                </view>
            </view>
            <view class="info_item" @click="toXieyi()">
                <image class="item_left" src="../../static/mine/协议.png" mode="widthFix"></image>
                <view class="item_right">
                    <text>平台协议</text>
                    <image class="more" src="../../static/mine/more.png" mode="widthFix"></image>
                </view>
            </view>
            <view class="info_item" @click="toAppeal()">
                <image class="item_left" src="../../static/mine/关于.png" mode="widthFix"></image>
                <view class="item_right">
                    <text>我要申诉</text>
                    <image class="more" src="../../static/mine/more.png" mode="widthFix"></image>
                </view>
            </view>
            <view class="info_item" @click="toWithdraw()">
                <image class="item_left" src="../../static/mine/提现.png" mode="widthFix"></image>
                <view class="item_right">
                    <text>申请提现</text>
                    <image class="more" src="../../static/mine/more.png" mode="widthFix"></image>
                </view>
            </view>
            <view class="info_item" @click="toBecome()">
                <image class="item_left" src="../../static/mine/商家.png" mode="widthFix"></image>
                <view class="item_right">
                    <text>我要成为商家</text>
                    <image class="more" src="../../static/mine/more.png" mode="widthFix"></image>
                </view>
            </view>
            <view class="info_item" @click="toPartner()">
                <image class="item_left" src="../../static/mine/关于.png" mode="widthFix"></image>
                <view class="item_right" style="border-bottom: none">
                    <text>关于我们</text>
                    <image class="more" src="../../static/mine/more.png" mode="widthFix"></image>
                </view>
            </view>
        </view>
    </view>
</template>

<script>
export default {
    data() {
        return {};
    },
    methods: {
		//合伙人介绍
		toPartner(){
			uni.navigateTo({
				url:"/user/partner"
			})
		},
		//地址
		toDizhi(){
			uni.navigateTo({
				url:'/user/dizhi'
			})
		},
		//协议
		toXieyi(){
			uni.navigateTo({
			    url: "/user/xieyi",
			});
		},
		// 平台消息
		toMessage(){
			uni.navigateTo({
			    url: "/user/message",
			});
		},
		//收藏
		toMyLike(){
			uni.navigateTo({
			    url: "/user/myLike",
			});
		},
		//消费记录
		toMyRecords(){
			uni.navigateTo({
			    url: "/user/myRecords",
			});
		},
		//积分
		toMyIntegral(){
			uni.navigateTo({
			    url: "/user/myIntegral",
			});
		},
        //点击跳转到我的订单
        toOrder() {
            uni.navigateTo({
                url: "/subpack/order/order",
            });
        },
		//个人资料
        toSetUp() {
            console.log("111");
            uni.navigateTo({
                url: "/user/setUp",
            });
        },
        //点击添砖到我要申诉页面
        toAppeal() {
            uni.navigateTo({
                url: "/subpack/appeal/appeal",
            });
        },
        //点击跳转到申请提现
        toWithdraw() {
            uni.navigateTo({
                url: "/subpack/withdrawal/withdrawal",
            });
        },
        //点击跳匝混到我要成为商家
        toBecome() {
            uni.navigateTo({
                url: "/subpack/business/business",
            });
        },
    },
};
</script>

<style lang="scss" scoped>
.mine {
    width: 100%;
    text-align: center;
    min-height: 100vh;
    overflow: hidden;
    background-color: #f7f7f7;

    .admin_Info {
        width: 700rpx;
        margin: 0rpx 25rpx;
        overflow: hidden;
        background-color: #fff;
        border-radius: 16rpx;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20rpx;
        .Info_left {
            display: flex;
            align-items: center;
            font-size: 32rpx;
            image {
                width: 94rpx;
                margin: 20rpx;
            }
        }
        image {
            width: 12rpx;
        }
    }

    .admin_like {
        background-color: #fff;
        margin: 20rpx 25rpx 0;
        overflow: hidden;
        border-radius: 20rpx;
        padding: 25rpx 20rpx;
        display: flex;
        justify-content: space-around;
        line-height: 1.2;
        .like:last-child {
            border-right: none;
        }
        .like {
            width: 100%;
            border-right: 2rpx solid #e5e5e5;

            .like_item1 {
                color: #333333;
                font-weight: 500;
                font-size: 32rpx;
                margin-bottom: 10rpx;
            }

            .like_item2 {
                color: #999999;
                font-weight: 500;
                font-size: 24rpx;
            }
        }
    }

    .admin_order {
        background-color: #fff;
        // width: 700rpx;
        margin: 20rpx 25rpx 0;
        overflow: hidden;
        heigth: 300rpx;
        border-radius: 20rpx;
        padding: 20rpx;

        .order_all {
            width: 100%;
            padding: 10rpx;
            display: flex;
            justify-content: space-between;
            align-items: center;

            .order_tit {
                font-weight: bold;
                font-size: 30rpx;
                color: #333333;
            }

            .order_more {
                font-weight: 500;
                font-size: 26rpx;
                color: #999999;

                image {
                    width: 12rpx;
                    margin-left: 15rpx;
                }
            }
        }

        .order_sort {
            margin-top: 20rpx;
            width: 100%;
            padding: 10rpx;
            display: flex;
            justify-content: space-around;

            .order_sort_item {
                width: 12s0rpx;
                height: 130rpx;
                display: flex;
                flex-direction: column;
                align-items: center;

                text {
                    font-weight: 500;
                    font-size: 26rpx;
                    color: #333333;
                }

                image {
                    width: 70rpx;
                    margin: 10rpx 0;
                }
            }
        }
    }

    .more_info {
        background-color: #fff;
        // width: 700rpx;
        margin: 20rpx 25rpx 0;
        overflow: hidden;
        border-radius: 20rpx;
        padding: 20rpx 10rpx 0;

        .info_item {
            height: 90rpx;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0rpx 20rpx;
            .item_left {
                text-align: center;
                width: 40rpx;
                margin-right: 20rpx;
            }
            .item_right {
				flex:1;
                margin-top: 10rpx;
                border-bottom: 1rpx solid #eeeeee;
                width: 630rpx;
                display: flex;
                justify-content: space-between;
                padding-bottom: 20rpx;
				font-weight: bold;
				font-size: 28rpx;
				color: #333333;
                .more {
                    width: 12rpx;
                }
            }
            // .item_right:last-child {
            // border-bottom: none;
            // }
        }
    }
}
</style>
